<template>
	<view class="page_head">
		<!-- 支付组件弹框 -->
		<payOrder ref="payOrderRef" :order_id="payOrderID" url='adopt_pay' @paySuccess="paySuccessCb"
			@handleConfirm="handleConfirm"></payOrder>
		<view class="Select_parcel_nav">
			<view :class="status == -1?'Select_parcel_titles':'Select_parcel_title'" @click="pick_nav(-1)">全部</view>
			<view :class="status == 0?'Select_parcel_titles':'Select_parcel_title'" @click="pick_nav(0)">待付款</view>
			<view :class="status == 1?'Select_parcel_titles':'Select_parcel_title'" @click="pick_nav(1)">待成熟</view>
			<view :class="status == 2?'Select_parcel_titles':'Select_parcel_title'" @click="pick_nav(2)">已成熟</view>
			<view :class="status == 3?'Select_parcel_titles':'Select_parcel_title'" @click="pick_nav(3)">托管中</view>
			<view :class="status == 4?'Select_parcel_titles':'Select_parcel_title'" @click="pick_nav(4)">已完成</view>
		</view>
		<view class="item_order" v-for="(item,index) in list" :key="index">
			<view class="item_top_order">
				<view class="item_top_number">
					订单编号：{{item.order_no}}
				</view>
				<view class="item_top_type">
					{{item.status_code == 0?'订单未付款'
					:item.status_code == 1?'订单待成熟'
					:item.status_code == 2?'已成熟待收取'
					:item.status_code == 3?'待后台确认自采预约'
					:item.status_code == 4?'等待自采中'
					:item.status_code == 5?'自采中'
					:item.status_code == 6?'农场采摘中'
					:item.status_code == 7?'已收取待入库'
					:item.status_code == 8?'已入库待保管'
					:item.status_code == 9?'保管中':'订单已完成'}}
				</view>
			</view>
			<view class="item_goods" v-for="(it,ind) in item.goods_list" :key="ind">
				<image class="item_goods_img" :src="it.goods_pic"></image>
				<view class="item_goods_info">
					<view class="item_goods_title">
						{{it.goods_name}}
					</view>
					<view class="item_goods_content">
						<text v-for="(da,i) in it.attr_list" :key="i">{{da.attr_group_name}}:{{da.attr_name}},</text>
					</view>
					<view class="item_goods_price_head">
						<view class="item_goods_price">
							￥{{it.price}}
						</view>
						<view class="item_goods_num">
							×{{it.num}}
						</view>
					</view>
				</view>
			</view>
			<view class="item_goods_num_price">
				共一件商品 合计:<text>￥{{item.pay_price}}</text>
			</view>
			<view class="item_goods_button">

				<view class="item_goods_buttons1" @click="showPay(item)"
					v-if="item.is_pay == 0 && item.trade_status != 1">
					去付款
				</view>
				<view class="item_goods_buttons1" @click="get_keep(item)"
					v-if="item.is_mature == 1 && item.pick_treatment_method == 2 
					&&  item.is_storage == 1 && item.is_preserve == 0">
					入库信息
				</view>
				<!-- 	<view class="item_goods_buttons1" @click="get_keep(item.order_id,2)"
					v-if="item.is_mature == 1 && item.pick_method > 1 &&  item.is_storage == 1 && item.is_preserve == 0">
					保管
				</view>
				<view class="item_goods_buttons1" @click="get_preserve(item.order_id,1)"
					v-if="item.is_mature == 1 && item.pick_method > 1 &&  item.is_storage == 1 && item.is_preserve == 0">
					不保管
				</view> -->
				<view class="item_goods_buttons1" @click="get_pay(item,1)"
					v-if="item.is_storage == 1 && item.is_preserve == 2 && item.trade_status!=3">
					提货
				</view>
				<view class="item_goods_buttons1" @click="get_cost_list(item,1)"
					v-if="item.is_mature == 1 && item.pick_method != 0 && item.is_preserve == 2">
					提货列表
				</view>
				<!-- 	<view class="item_goods_buttons1" @click="get_pay(item,1)">
					支付提货
				</view> -->
				
				<view class="item_goods_buttons1" @click="get_button1(item,1)"
					v-if=" item.is_mature == 1 && item.pick_method == 0">
					自采
				</view>
				<view class="item_goods_buttons1" @click="get_button2(item,2)"
					v-if=" item.is_mature == 1 && item.pick_method == 0">
					农场代采
				</view>
				
				<view class="item_goods_buttons1" @click="get_self_pick_state(item,1)"
					v-if=" item.is_mature == 1 && item.pick_method == 1
					&& item.confirm_self_pick_book == 1 && item.start_self_pick == 0">
					开始自采
				</view>
				<view class="item_goods_buttons1" @click="get_self_pick_state(item,2)"
					v-if=" item.is_mature == 1  && item.pick_method == 1
					&& item.confirm_self_pick_book == 1 && item.start_self_pick == 1 && item.end_self_pick == 0">
					自采完成
				</view>
				
				<view class="item_goods_buttons1" @click="get_treatment_method(item,1)"
					v-if=" item.is_mature == 1 && item.pick_method == 1 && item.end_self_pick == 1 && item.pick_treatment_method == 0">
					带走
				</view>
				<view class="item_goods_buttons1" @click="get_treatment_method(item,2)"
					v-if=" item.is_mature == 1 && item.pick_method == 1 && item.end_self_pick == 1 && item.pick_treatment_method == 0">
					入库
				</view>
				<!-- <view class="item_goods_buttons1" @click="get_pay(item,0)">
					支付代采
				</view> -->
				<view class="item_goods_buttons1" @click="get_pay(item,0)"
					v-if="item.is_mature == 1 && item.pick_method == 2 && item.is_pay_pick_fee == 0">
					支付代采
				</view>
				<view class="item_goods_buttons1" @click="get_order_detail(item.order_id)">
					立即查看
				</view>
			</view>
		</view>
		<view class="bottom_msg">
			没有更多了~
		</view>
		<!-- 保管弹窗 -->
		<view class="button1_mode" v-if="keep_type == true" @click="no_get_keep()">
			<view class="button1_infos" @click.stop="get_null()">
				<view class="button1_title">
					入库信息
				</view>
				<view class="button1_content">
					您当前的入库金额是{{harvest_weight}}Kg，请确认是否正确。
				</view>
				<view class="button1_info_img">
					<image @click="previewImg(harvest_storage_pic_url)" :src="harvest_storage_pic_url" mode=""></image>
				</view>
				<view class="button1_button">
					<view class="but1" @click="get_preserve(1)">
						不保管
					</view>
					<view class="but1s" @click="get_preserve(2)">
						保管
					</view>
				</view>
			</view>
		</view>
		<!-- 自己采带走 -->
		<view class="button1_mode" v-if="mode_type1 == true" @click="get_button1()">
			<view class="button1_infos" @click.stop="get_null()">
				<view class="button1_title">
					订单提示
				</view>
				<view class="button1_content">
					您认养的商品已成熟，确定选择自己收取吗？
				</view>
				<picker-view v-if="visible" :indicator-style="indicatorStyle" :value="value" @change="bindChange"
					class="picker-view">
					<picker-view-column>
						<view class="item" v-for="(item,index) in date.goods_list[0].self_pick_date" :key="index">
							{{item}}
						</view>
					</picker-view-column>
					<picker-view-column>
						<view class="item" v-for="(item,index) in  date.goods_list[0].self_pick_times" :key="index">
							{{item.start_time}}-{{item.end_time}}
						</view>
					</picker-view-column>
				</picker-view>
				<view class="button1_button">
					<view class="but1" @click="get_button1()">
						取消
					</view>
					<view class="but2" @click="get_pick(1)">
						确定
					</view>
				</view>
			</view>
		</view>
		<!-- 成熟提示弹窗 -->
		<view class="button1_mode" v-if="mode_type2 == true" @click="get_button2()">
			<view class="button1_info" @click.stop="get_null()">
				<view class="button1_title">
					订单提示
				</view>
				<view class="button1_content">
					您认养的商品已成熟，确定选择农场收取吗？
				</view>
				<view class="button1_button">
					<view class="but1" @click="get_button2()">
						取消
					</view>
					<view class="but2" @click="get_pick(2)">
						确定
					</view>
				</view>
			</view>
		</view>

        <!-- 采摘完成结果状态 -->
		<view class="button1_mode" v-if="treatment_method_state_type == true" @click="cancel_self_pick_state()">
			<view class="button1_info" @click.stop="get_null()">
				<view class="button1_title">
					订单提示
				</view>
				<view class="button1_content">
					{{treatment_method_type_tip}}
				</view>
				<view class="button1_button">
					<view class="but1" @click="cancel_treatment_method_state()">
						取消
					</view>
					<view class="but2" @click="confirm_treatment_method_state()">
						确定
					</view>
				</view>
			</view>
		</view>
		
		<!-- 自采操作状态 -->
		<view class="button1_mode" v-if="self_pick_state_type == true" @click="cancel_self_pick_state()">
			<view class="button1_info" @click.stop="get_null()">
				<view class="button1_title">
					订单提示
				</view>
				<view class="button1_content">
					{{self_pick_state_tip}}
				</view>
				<view class="button1_button">
					<view class="but1" @click="cancel_self_pick_state()">
						取消
					</view>
					<view class="but2" @click="confirm_self_pick_state()">
						确定
					</view>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	import adopt_order from "@/api/livestockAdoption/adopt_order.js";
	import payOrder from "../components/pay-order/pay-popup.vue";
	export default {
		data() {
			return {
				list: [],
				status: -1,
				page: 1,
				mode_type3: false,
				mode_type2: false,
				mode_type1: false,
				pay_type_list: [],
				order_id: 0,
				date: {},
				item: {},
				pay_type: 0,
				keep_type: false,
				harvest_storage_pic_url: '',
				harvest_weight: '',
				time_show: false,
				visible: true,
				indicatorStyle: `height: 50px;`,
				book_self_pick_date:'',
				book_self_pick_time:'',
				self_pick_state_type: false,
				self_pick_state_tip: '',
				treatment_method_state_type:  false,
				treatment_method_type: 0,
				treatment_method_type_tip: '',
				self_pick_template_id: [],
				start_self_pick_template_id: [],
				end_self_pick_template_id: [],
				pick_take_template_id: [],
				storage_template_id: [],
				preserve_template_id: [],
				no_preserve_template_id: [],
				other_pick_template_id: [],
				take_delivery_template_id: [],
			};
		},
		components: {
			payOrder
		},
		onLoad() {
			this.get_order_list();
		},

		//触底加载
		onReachBottom: function() {
			this.page = this.page + 1;
			this.get_order_list();
		},
		methods: {
			previewImg(logourl) {
			                let imgsArray = [];
			                imgsArray[0] = logourl
			                uni.previewImage({
			                    current: 0,
			                    urls: imgsArray
			                });
			            },
			bindChange: function(e) {
				var self_pick_date = this.date.goods_list[0].self_pick_date;
				var self_pick_times = this.date.goods_list[0].self_pick_times;
				this.book_self_pick_date = self_pick_date[e.detail.value[0]]
				this.book_self_pick_time = self_pick_times[e.detail.value[1]].start_time +'-'+ self_pick_times[e.detail.value[1]].end_time
				
			},
			get_time_show() {
				this.time_show = false;
			},
			handleConfirm(e) {
				this.pay_type = e.pay_type;
				this.get_pays(this.item);
			},
			showPay(item) {
				this.item = item;
				this.$refs.payOrderRef.setShowPopup();
			},
			//提货列表
			get_cost_list() {
				uni.navigateTo({
					url: '../cost_list/list'
				})
			},
			get_pays(item) {
				// 如果是货到付款订单跳转订单列表
				if (item.pay_type == 2) {
					return this.$utils.toUrl(`/livestockAdoption/my_order/my_order`);
				}
				// 如果是朋友代付跳转代付页面
				if (item.pay_type == 7) {
					return this.$utils.toUrl(
						`/order/pay-another/pay-another?orderId=${res.data.order_id}`
					);
				}
				let params = {
					payData: {
						pay_type: this.pay_type,
						order_id: item.order_id,
						order_id_list: item.order_id_list || ""
					},
					backUrl: "/livestockAdoption/my_order/my_order",
					pay_type_list: this.pay_type_list,
					pay_price: item.pay_price,
					createDate: item.add_time,
				};
				this.$utils.toUrl(
					`/other/pay/pay?data=${JSON.stringify(params)}`,
					"redirectTo"
				);
			},
			get_pay(item, order_type) {
				var obj = {
					date: item,
					order_type: order_type
				}
				uni.navigateTo({
					url: '../adopt_pay/adopt_pay?obj=' + JSON.stringify(obj) + '&template_id=' + JSON.stringify(this.take_delivery_template_id)
				})
			},
			no_get_keep() {
				this.keep_type = !this.keep_type;
			},
			get_keep(item) {
				this.order_id = item.order_id;
				this.harvest_storage_pic_url = item.harvest_storage_pic_url;
				this.harvest_weight = item.harvest_weight;
				this.keep_type = !this.keep_type;
			},
			get_self_pick_state(item, state_type) {
				this.order_id = item.order_id;
				this.self_pick_state_type = !this.self_pick_state_type;
				this.state_type = state_type;
				if(state_type == 1) {
					this.self_pick_state_tip = "您的商品已经可以采摘,请确认是否开始采摘"
				}
				if(state_type == 2) {
					this.self_pick_state_tip = "您的商品正在采摘中,请确认是否采摘完成"
				}
			},
			get_treatment_method(item, type){
				this.order_id = item.order_id;
				this.treatment_method_state_type = !this.treatment_method_state_type;
				this.treatment_method_type = type;
				if(type == 1) {
					this.treatment_method_type_tip = "您的商品已经自采完成,请确认是否带走"
				}
				if(type == 2) {
					this.treatment_method_type_tip = "您的商品已经自采完成,请确认是否入库"
				}
			},
			cancel_treatment_method_state() {
				this.treatment_method_state_type = !this.treatment_method_state_type;
			},
			// 自采操作
			confirm_treatment_method_state() {
				// try {
					
				// 		const res = await  ;
						
				// 	} catch (error) {
						
				// 		uni.showModal({
				// 			title: '温馨提示',
				// 			showCancel: false,
				// 			content: error.msg || this.$t('user.err'),
				// 			success: function (res) {
				// 				if (res.confirm) {	
				// 				} else if (res.cancel) {
				// 				}
				// 			}
				// 		});
				// 	}
					var that = this;
					var treatment_method_state_template_id = [];
					if(this.treatment_method_type == 1) {
						treatment_method_state_template_id = this.pick_take_template_id
					} else {
						treatment_method_state_template_id = this.storage_template_id
					}
					
					uni.requestSubscribeMessage({
					  tmplIds: treatment_method_state_template_id,
					  complete() {
					   that.confirm_treatment_method_state_plus();
					  },
					});
					
			},
			confirm_treatment_method_state_plus(){
				var params = {
					order_id: this.order_id,
					treatment_method_type: this.treatment_method_type
				};
								adopt_order.pick_treatment_method(params).then((res)=>{
									if (res.code != 0) throw res;
									
									uni.showModal({
										title: '温馨提示',
										showCancel: false,
										content: res.msg,
										success: function (res) {
											if (res.confirm) {	
											} else if (res.cancel) {
											}
										}
									});
									this.page = 1;
									this.treatment_method_state_type = false;
									setTimeout(() => {
										this.get_order_list()
									}, 1500)
								})
			},
			cancel_self_pick_state() {
				this.self_pick_state_type = !this.self_pick_state_type;
			},
			// 自采操作
			confirm_self_pick_state() {
				// try {
						
				// 		const res = await  adopt_order.self_pick_state(params);
				// 		if (res.code != 0) throw res;
						
				// 		uni.showModal({
				// 			title: '温馨提示',
				// 			showCancel: false,
				// 			content: res.msg,
				// 			success: function (res) {
				// 				if (res.confirm) {	
				// 				} else if (res.cancel) {
				// 				}
				// 			}
				// 		});
				// 		this.page = 1;
				// 		this.self_pick_state_type = false;
				// 		setTimeout(() => {
				// 			this.get_order_list()
				// 		}, 1000)
				// 	} catch (error) {
				// 		uni.showModal({
				// 			title: '温馨提示',
				// 			showCancel: false,
				// 			content: error.msg || this.$t('user.err'),
				// 			success: function (res) {
				// 				if (res.confirm) {	
				// 				} else if (res.cancel) {
				// 				}
				// 			}
				// 		});
				// 	}
					var that = this;
					
					var self_pick_state_template_id = [];
					if(this.state_type == 1) {
						self_pick_state_template_id = this.start_self_pick_template_id
					} else {
						self_pick_state_template_id = this.end_self_pick_template_id
					}
					uni.requestSubscribeMessage({
					  tmplIds: self_pick_state_template_id,
					  complete() {
					   that.confirm_self_pick_state_plus();
					  },
					});
			},
			confirm_self_pick_state_plus(){
				var params = {
					order_id: this.order_id,
					state_type: this.state_type
				};
				adopt_order.self_pick_state(params).then((res)=>{
					if (res.code != 0) throw res;
					
					uni.showModal({
						title: '温馨提示',
						showCancel: false,
						content: res.msg,
						success: function (res) {
							if (res.confirm) {	
							} else if (res.cancel) {
							}
						}
					});
					this.page = 1;
					this.self_pick_state_type = false;
					setTimeout(() => {
						this.get_order_list()
					}, 1000)
				})
			},
			// 保管
			get_preserve(preserve_type) {
				// try {
					
				// } catch (error) {
				// 		uni.showModal({
				// 			title: '温馨提示',
				// 			showCancel: false,
				// 			content: error.msg || this.$t('user.err'),
				// 			success: function (res) {
				// 				if (res.confirm) {	
				// 				} else if (res.cancel) {
				// 				}
				// 			}
				// 		});
				// }
				var that = this;
				var preserve_state_template_id = [];
				if(preserve_type == 1) {
					preserve_state_template_id = this.preserve_template_id
				} else {
					preserve_state_template_id = this.no_preserve_template_id
				}
				
				uni.requestSubscribeMessage({
				  tmplIds: preserve_state_template_id,
				  complete() {
				   that.get_preserve_plus(preserve_type);
				  },
				});
			},
			get_preserve_plus(preserve_type){
				var params = {
					order_id: this.order_id,
					preserve_type: preserve_type
				};
				adopt_order.preserve(params).then((res)=>{
					if (res.code != 0) throw res;
						
					uni.showModal({
						title: '温馨提示',
						showCancel: false,
						content: res.msg,
						success: function (res) {
							if (res.confirm) {	
							} else if (res.cancel) {
							}
						}
					});
					this.page = 1;
					this.keep_type = false;
					setTimeout(() => {
						this.get_order_list()
					}, 1000)
				})
			},
			//采摘
			get_pick(type) {
				var that = this;
				var obj = {
					date: this.date,
					order_type: 0
				}
					if(type == 1){
						uni.requestSubscribeMessage({
						  tmplIds: this.self_pick_template_id,
						  complete() {
						   that.get_pick_plus(type);
						  },
						});
						
					}else{
						this.mode_type2 = false;
						uni.navigateTo({
							url: '../adopt_pay/adopt_pay?obj=' + JSON.stringify(obj)+ '&template_id=' + JSON.stringify(this.other_pick_template_id)
						})
						
					}
			},
			get_pick_plus(type) {
				var params = {
					order_id: this.date.order_id,
					pick_type: type,
					book_self_pick_date:this.book_self_pick_date,
					book_self_pick_time:this.book_self_pick_time 
				};

				adopt_order.pick(params).then((res)=>{
					if (res.code != 0) throw res;
					this.mode_type1 = false;	
					setTimeout(() => {
						uni.showModal({
							title: '温馨提示',
							showCancel: false,
							content: res.msg,
							success: function (res) {
								if (res.confirm) {	
								} else if (res.cancel) {
								}
							}
						});
						this.page = 1;
						this.get_order_list();
					}, 1000)
				})
			},
			//代采
			get_button2(item) {
				this.mode_type2 = !this.mode_type2;
				this.date = item;
			},
			//自己采
			get_button1(item) {
				this.mode_type1 = !this.mode_type1;
				this.date = item;
				var self_pick_date = this.date.goods_list[0].self_pick_date;
				var self_pick_times = this.date.goods_list[0].self_pick_times;
				this.book_self_pick_date = self_pick_date[0]
				this.book_self_pick_time = self_pick_times[0].start_time +'-'+ self_pick_times[0].end_time
			},
			//自采入库
			get_button3(item) {
				this.mode_type3 = !this.mode_type3;
				this.date = item;
				var self_pick_date = this.date.goods_list[0].self_pick_date;
				var self_pick_times = this.date.goods_list[0].self_pick_times;
				this.book_self_pick_date = self_pick_date[0]
			    this.book_self_pick_time = self_pick_times[0].start_time +'-'+ self_pick_times[0].end_time
			},
			// 防止点击穿透
			get_null() {

			},
			//选择分类
			pick_nav(status) {
				this.status = status;
				this.page = 1;
				this.list = [];
				this.get_order_list();
			},
			get_order_detail(order_id) {
				uni.navigateTo({
					url: '../order_detail/order_detail?order_id=' + order_id
				})
			},
			//订单列表
			async get_order_list() {
				try {
					var params = {
						status: this.status,
						page: this.page,
					};
					const res = await  adopt_order.order_list(params);
					if (res.code != 0) throw res;
					
					if (res.code == 0) {
						if (this.page == 1) {
							this.pay_type_list = res.data.pay_type_list;
							this.list = res.data.list;
							
						} else {
							this.list = this.list.concat(res.data.list);
						}
						this.self_pick_template_id = res.data.self_pick_template_id;
						this.start_self_pick_template_id = res.data.start_self_pick_template_id;
						this.end_self_pick_template_id = res.data.end_self_pick_template_id;
						this.pick_take_template_id = res.data.pick_take_template_id;
						this.storage_template_id = res.data.storage_template_id;
						this.preserve_template_id = res.data.preserve_template_id;
						this.no_preserve_template_id = res.data.no_preserve_template_id;
						this.other_pick_template_id = res.data.other_pick_template_id;
						this.take_delivery_template_id = res.data.take_delivery_template_id;
					}
				} catch (error) {
						uni.showModal({
							title: '温馨提示',
							showCancel: false,
							content: error.msg || this.$t('user.err'),
							success: function (res) {
								if (res.confirm) {	
								} else if (res.cancel) {
								}
							}
						});
				}
			},
		},
	};
</script>

<style scoped>
	.picker-view {
		/* width: 100%; */
		height: 300rpx;
		margin-top: 20rpx;
	}

	.item {
		height: 100rpx;
		align-items: center;
		justify-content: center;
		text-align: center;
		line-height: 100rpx;
	}

	.but2 {
		padding: 10rpx 60rpx;
		color: #FFFFFF;
		border-radius: 90rpx;
		background-image: linear-gradient(rgb(85, 177, 85), rgb(111, 215, 72));
	}
.but1s {
		padding: 10rpx 60rpx;
		border: 1rpx solid rgb(250, 166, 15);
		color: rgb(250, 166, 15);
		border-radius: 90rpx;
	}
	.but1 {
		padding: 10rpx 60rpx;
		border: 1rpx solid #a5a5a5;
		color: #a5a5a5;
		border-radius: 90rpx;
	}

	.button1_button {
		width: 90%;
		margin: 50rpx auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.button1_content {
		width: 90%;
		margin: 30rpx auto;
		color: #909090;
		font-size: 25rpx;
	}

	.button1_title {
		width: 100%;
		height: 80rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #000000;
	}

	.button1_info_img {
		width: 100%;
		display: flex;
		justify-content: center;
		margin: 20rpx 0;
	}

	.button1_info_img image {
		width: 95%;
		height: 400rpx;
	}
	.button1_infos {
		width: 90%;
		border-radius: 25rpx;
		background: #FFFFFF;
	}

	.button1_info {
		width: 70%;
		border-radius: 25rpx;
		background: #FFFFFF;
	}

	.button1_mode {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgb(0, 0, 0, 0.4);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.bottom_msg {
		width: 100%;
		height: 100rpx;
		text-align: center;
		line-height: 100rpx;
		color: #646464;
	}

	.item_goods_buttons1 {
		/* padding: 5rpx 10rpx; */
		width: 150rpx;
		height: 50rpx;
		text-align: center;
		line-height: 50rpx;
		border: 1rpx solid rgb(250, 166, 15);
		color: rgb(250, 166, 15);
		border-radius: 90rpx;
		margin-right: 20rpx;
		font-size: 25rpx;
	}

	.item_goods_buttons {
		padding: 5rpx 10rpx;
		border: 1rpx solid rgb(250, 166, 15);
		color: rgb(250, 166, 15);
		border-radius: 90rpx;
		font-size: 25rpx;
	}

	.item_goods_button {
		width: 95%;
		height: 80rpx;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.item_goods_num_price text {
		color: #000000;
	}

	.item_goods_num_price {
		width: 95%;
		/* height: 80rpx; */
		margin: 0 auto;
		text-align: end;
		/* line-height: 80rpx; */
		color: #555555;
	}

	.item_goods_price {
		color: #000000;
		font-weight: 600;
	}

	.item_goods_price_head {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.item_goods_content {
		color: #888888;
		font-size: 25rpx;
		margin-top: 50rpx;
	}

	.item_goods_title {
		color: #000000;
	}

	.item_goods_info {
		width: calc(100% - 200rpx);
		margin-left: 20rpx;
	}

	.item_goods_img {
		width: 180rpx;
		height: 180rpx;
		border-radius: 10rpx;

	}

	.item_goods {
		width: 95%;
		margin: auto;
		display: flex;
		align-items: center;
	}

	.item_top_type {
		color: rgb(241, 48, 26);
		font-size: 25rpx;
	}

	.item_top_number {
		color: #000000;
		font-weight: 600;
	}

	.item_top_order {
		width: 95%;
		height: 80rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: auto;
	}

	.item_order {
		width: 100%;
		background: #FFFFFF;
		margin: 20rpx auto;

	}

	.Select_parcel_titles {
		color: #000000;
		border-bottom: 6rpx solid #00aa00;
		padding-bottom: 4rpx;
	}

	.Select_parcel_title {
		color: #868686;
		border-bottom: 6rpx solid #FFFFFF;
		padding-bottom: 4rpx;
	}

	.Select_parcel_nav {
		width: 100%;
		height: 100rpx;
		display: flex;
		align-items: center;
		justify-content: space-around;
		background: #FFFFFF;
	}

	.page_head {
		width: 100%;
		min-height: 100vh;
		background: #f1f1f1;
	}
</style>
